<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="${ctxPath}/weui/css/weuix.min.css" />
<link rel="stylesheet" href="${ctxPath}/css/my/card.css"/>
<link rel="stylesheet" href="${ctxPath}/css/icon/iconfont.css"/>
<link rel="stylesheet" href="${ctxPath}/css/icon/stylesheet.css"/>
<script src="${ctxPath}/weui/js/zepto.min.js"></script>

<script src="${ctxPath}/js/my/card.js"></script>
<link rel="shortcut icon" href="${ctxPath}/pic/icon.jpg" />
</head>

<body ontouchstart style="background-color: #f8f8f8;" ctxPath="${ctxPath}">
	<!-- 隐藏域 -->
	<input type="hidden" id="openId" name="openId" value="${openId!}">
	<!-- 个人名片卡首页 -->
	<div class="card_body" id="card_body">
		<div class="searchbar_wrap"></div>
		<!-- 审核推荐 -->
		<div class="card_check">
			<div class="card_check_content card_check_l">
				<p>有三个请求需要进行审核</p>
			</div>
			<div class="card_check_content card_check_r">
				<a>查看所有推荐</a>
			</div>
		</div>
		<!-- 我的名片以及企业名片 -->
		<div>
			<div class="my_card">
				<div class="my_card_head">
					<p>我的名片</p>			
				</div>
				<!-- 我的卡片和企业卡片切换 -->
				<div class="my_card_div">
					<div class="weui_navbar my_card_content" id="cardNavbar">
						<div class="weui_navbar_item tab-blue" id="personalCard">个人</div>
						<div class="weui_navbar_item" id="companyCard">企业</div>
					</div>
				</div>
			</div>
			<div>
				<!-- 个人名片显示 -->
				<div id="myPersonalCards">
					<div class="my_card_formy" id="personalCards">
						
					</div>
						<div class="my_card_insert">
							<a href="javascript:void(0)" id="addPersonalCard">+新增个人名片</a>
						</div>
				</div>
				
				
				<!-- 企业名片显示 -->
				<div class="my_card_isnone" id="myCompanyCards">
					<div   id="companyCards">
						
					</div>
					<div class="my_card_insert">
						<a href="javascript:void(0)" id="addCompanyCard">+新增企业名片</a>
					</div>
				</div>
				
			</div>
		</div>
		<!-- 名片夹转换 -->
		<div class="my_card_list">
			<div class="my_card_list_hint">
				<span>名片夹</span>
			</div>
			<div class="my_card_list_navigation">
				<div class="my_card_content_navbar" id="list_card">
					<div class="my_card_content_navbar_item my_card_item_style" id="list_alone1">个人</div>
					<div class="my_card_content_navbar_item" id="list_company1">企业</div>
				</div>
			</div>
			<div>
				<!-- 个人名片夹 -->
				<div class="my_card_list_alone" id="list_alone">
					<div class="my_alone_list_item">
						<div class="my_alone_item_l">
							<img src="${ctxPath}/weui/icon/user.png" class="my_card_img">
						</div>
						<div class="my_alone_item_r">
							<div class="my_alone_item_name"></div>
							<span class="my_alone_item_name">张无忌</span>
						</div>
					</div>
					<div class="my_alone_list_item">
						<div class="my_alone_item_l">
							<img src="${ctxPath}/weui/icon/user.png" class="my_card_img">
						</div>
						<div class="my_alone_item_r">
							<div class="my_alone_item_name"></div>
							<span>张无忌</span>
						</div>
					</div>
					<div class="my_alone_list_item">
						<div class="my_alone_item_l">
							<img src="${ctxPath}/weui/icon/user.png" class="my_card_img">
						</div>
						<div class="my_alone_item_r">
							<div class="my_alone_item_name"></div>
							<span>张无忌</span>
						</div>
					</div>
				</div>
				<!-- 企业名片夹 -->
				<div class="my_card_list_company my_card_isnone" id="list_company">
				<div class="my_company_list_item">
					<div class="my_company_item_l">
						<img src="${ctxPath}/weui/icon/user.png" class="my_card_img">
					</div>
					<div class="my_company_item_r">
						<div class="my_company_item_name"></div>
						<div class="my_company_content">
							<div class="my_company_content_name">
								<span>龙与跆拳道</span>
							</div>
							<div classp="my_company_content_icon">
								<span class="icon icon-41"></span>
							</div>
						</div>
					</div>
				</div>
				<div class="my_company_list_item">
					<div class="my_company_item_l">
						<img src="${ctxPath}/weui/icon/user.png" class="my_card_img">
					</div>
					<div class="my_company_item_r">
						<div class="my_company_item_name"></div>
						<div class="my_company_content">
							<div class="my_company_content_name">
								<span>龙与跆拳道</span>
							</div>
							<div classp="my_company_content_icon">
								<span class="icon icon-41"></span>
							</div>
						</div>
					</div>
				</div>
				<div class="my_company_list_item">
					<div class="my_company_item_l">
						<img src="${ctxPath}/weui/icon/user.png" class="my_card_img">
					</div>
					<div class="my_company_item_r">
						<div class="my_company_item_name"></div>
						<div class="my_company_content">
							<div class="my_company_content_name">
								<span>龙与跆拳道</span>
							</div>
							<div classp="my_company_content_icon">
								<span class="icon icon-41"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>
	</div>
	<!-- 底部样式导航 -->
	<div class="weui_tabbar" id="weui_tabbar_div">
		<a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
		<div class="weui_tabbar_icon">
			<img src="${ctxPath}/weui/icon/home.png" >
		</div>
		<p class="weui_tabbar_label">首页</p>
	</a>
	                
	<a href="javascript:;" class="weui_tabbar_item">
		<div class="weui_tabbar_icon">
			<img src="${ctxPath}/weui/icon/msg.png" >
		</div>
		<p class="weui_tabbar_label">消息</p>
	</a>
	                
	<a href="javascript:;" class="weui_tabbar_item">
		<div class="weui_tabbar_icon">
			<img src="${ctxPath}/weui/icon/user.png" >
		</div>
		<p class="weui_tabbar_label">个人中心</p>
	</a>
	</div>
	
	<script src="${ctxPath}/weui/js/slideleft.js"></script>
</body>
</html>
